import { ImageBackground, StyleSheet, Text } from 'react-native'

type Props={
  source:any,
  title:string,
  width:number,
  height:number,
}

 const UserInfoLevel = (props:Props)=>{
  return (
  <ImageBackground
    source={ props.source} // 使用动态导入
    resizeMode="cover"
    style={{ width: props.width, height: props.height }}
  >
    <Text style={styles.title}>{props.title}</Text>
  </ImageBackground>
  )
  
}
const styles = StyleSheet.create({
  title:{
    position:'absolute',
    left:24,
    bottom:0,
    width: 28,
    height: 12,
    fontSize: 9,
    lineHeight: 9,
    color: "#6c2a09"
  }
})

export { UserInfoLevel }
